<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html lang="zh" class="no-js">
<head>
<title>查询</title>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
	href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body style="background-color: rgb(245, 245, 245);">

	<div class="container"
		style="box-shadow: 2px 2px 3px rgba(40, 61, 90, 0.22); background-color: white; margin-top: 25px">

		<h2 class="text-center">查询系统</h2>

		<form class="form-horizontal" style="margin-top: 30px" method="post"
			action="<c:url value='/Express/search' ></c:url>">
			<div class="form-group">
				<div class="col-xs-offset-1 col-xs-8">
					<input name="nu" type="text" class="form-control" id="nu"
						placeholder="输入单号进行查询">
				</div>
				<button class="col-xs-2 btn btn-primary">查询</button>
			</div>

		</form>


		<div
			style="padding: 45px 15px 15px; margin-bottom: 30px; border-style: solid; border-color: #ddd; border-width: 1px; border-radius: 4px 4px 0 0;">
			<table class="table table-condensed">
				<thead>
					<tr>
						<td><strong>时间</strong></td>
						<td><strong>地点跟踪和进度</strong></td>
					</tr>
				</thead>

				<c:choose>
					<c:when test="${express!=nul }">
						<tbody>
							<tr>
								<td></td>
								<td><c:out value="${express.content}"></c:out></td>
							</tr>
							<c:forEach items="${ess }" var="e">
								<tr>
									<td><c:out value="${e.time}"></c:out></td>
									<td><c:out value="${e.context}"></c:out></td>
								</tr>
							</c:forEach>

						</tbody>
					</c:when>
				</c:choose>
			</table>
		</div>

	</div>


</body>
</html>